{%extends file="iphone/page/layout.tpl"%}

{%block name="sub-block-static"%}
    {%require name="iphone:static/index/index.less"%}
    {%require name="iphone:static/index/index.js"%}
{%/block%}

{%block name="layout-bodyer"%}
     <div class="page-index">
         <div class="main-banner">
             <div class="banner-content">
                 <div class="nav-bar">
                     <a class="active"  href="/iActivity/index">土豪版</a>
                     <span>|</span>
                     <a href="/iActivity/subindex">经济版</a>
                 </div>
                 <div class="statistic">
                     <div class="item">
                         <div class="type-name">已购买人数</div>
                         <div><span class="type-value">{%$data.user_count%}</span>人</div>
                     </div>
                     <div class=line></div>
                     <div class="item">
                         <div class='type-name'>离购买结束还剩</div>
                         <div><span class="type-value">{%$data.res_day%}</span>天</div>
                     </div>
                 </div>
             </div>
         </div>
         <div class="page-content">
              <div class="part part1">
                  <div class="part-title title1"></div>
                  <div class="part-content">
                      <a class="btn btn-main btn1" href="/iActivity/recharge?activity_type=1">选择</a>
                      <a class="btn btn-main btn2" href="/iActivity/recharge?activity_type=2">选择</a>
                      <a class="btn btn-main btn3" href="/iActivity/recharge?activity_type=3">选择</a>
                      <a class="btn btn-main btn4" href="/iActivity/recharge?activity_type=4">选择</a>
                  </div>
              </div>
             <div class="part">
                 <a class="get-more">详情>></a>
                 <div class="part-title title2"></div>
                 <img src="../static/index/image/part2.png">
             </div>
             <div class="part">
                 <div class="part-title title3"></div>
                 <img src="../static/index/image/part31.png" usemap="#Map1">
                 <map name="Map1">
                     <area shape="rect" target="_blank" coords="355,210,475,235" style="cursor:hand" href="http://mp.weixin.qq.com/s?__biz=MzA3ODk5NjkzNw==&mid=201470172&idx=1&sn=11eb85e0d4c7babbc760f4a1c6f5cf72#rd" />
                 </map>
                 <img src="../static/index/image/part32.png" style="margin-top:20px;">
             </div>
             <div class="part">
                 <div class="part-title title4"></div>
                 <img src="../static/index/image/part4.png" usemap="#Map2">
                 <map name="Map2">
                     <area shape="rect" target="_blank" coords="385,617,620,642" style="cursor:hand" href="http://mp.weixin.qq.com/s?__biz=MzA3ODk5NjkzNw==&mid=201470172&idx=1&sn=11eb85e0d4c7babbc760f4a1c6f5cf72#rd" />
                     <area shape="rect" target="_blank" coords="352,784,479,810" style="cursor:hand" href="http://mp.weixin.qq.com/s?__biz=MzA3ODk5NjkzNw==&mid=201491926&idx=1&sn=15845dad847c8bd8d04741bf1f5f6e9b#rd" />
                 </map>
             </div>
             <div class="part part5">
                 <div class="part-title title5"></div>
                 <img src="../static/index/image/part51.png" usemap="#Map3">
                 <map name="Map3">
                     <area shape="rect" target="_blank" coords="790,266,871,280" style="cursor:hand" href="/about/iphone6agreement" />
                     <area shape="rect" target="_blank" coords="36,293,138,313" style="cursor:hand" href="/about/iphone6agreement" />
                 </map>
                 <img src="../static/index/image/part52.png" class="share-weixin">
             </div>
         </div>
     </div>
{%/block%}